```css
/*
Theme Name: OceanWP Child
Theme URI: https://ferescobedo.com/nueva
Description: Child Theme personalizado para Fer Escobedo basado en OceanWP.
Author: Fer Escobedo
Author URI: https://ferescobedo.com/nueva
Template: oceanwp
Version: 1.0.0
*/


/* =========================================================
   FER ESCOBEDO — PRODUCTOS WOOCOMMERCE
   ========================================================= */


/* =========================================================
   FER ESCOBEDO — PRODUCTO INDIVIDUAL
   Look & Feel basado en referencia Bone Broth
   ========================================================= */


/* =========================================================
   1. VARIABLES VISUALES
   ========================================================= */

:root {
    --fer-bg: #f7f1e7;
    --fer-bg-soft: #f4eee4;
    --fer-brown: #3d281b;
    --fer-brown-light: #604737;
    --fer-green: #39451f;
    --fer-line: rgba(61, 40, 27, 0.28);
}


/* =========================================================
   2. PRODUCTO — CONFIGURACIÓN GENERAL
   ========================================================= */

body.single-product {
    background: var(--fer-bg);
    color: var(--fer-brown);
}

.single-product .site-main {
    width: 100%;
}

.single-product div.product {
    width: 100%;
    margin: 0;
}


/* =========================================================
   3. OCEANWP — SIN SIDEBAR
   ========================================================= */

.single-product #right-sidebar {
    display: none !important;
}

.single-product #primary {
    width: 100% !important;
    max-width: 100% !important;
}

.single-product #content-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

.single-product .content-area {
    width: 100%;
}

.single-product .content-left-sidebar .content-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
}

.single-product .entry-content:not(.wc-tab) > * {
    max-width: 100%;
}


/* =========================================================
   4. BANNER
   ========================================================= */

.fer-product-banner {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
}

.fer-product-banner img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}


/* =========================================================
   5. ÁREA PRINCIPAL DEL PRODUCTO
   ========================================================= */

.fer-product-main {
    width: min(1400px, calc(100% - 110px));

    margin: 0 auto;

    padding: 70px 0 55px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(360px, 0.85fr);

    gap: 70px;

    align-items: center;

    background: var(--fer-bg);
}


/* =========================================================
   6. GALERÍA
   ========================================================= */

.fer-product-gallery {
    width: 100%;
    min-width: 0;
}

.fer-product-gallery .woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.fer-product-gallery .woocommerce-product-gallery__wrapper {
    width: 100%;
}

.fer-product-gallery img {
    max-width: 100%;
    height: auto;
}


/*
 * Evitamos que OceanWP/WooCommerce introduzca
 * espacios innecesarios.
 */

.fer-product-gallery .flex-control-thumbs {
    margin-top: 20px;
}

.fer-product-gallery .flex-control-thumbs li {
    margin-right: 10px;
}


/* =========================================================
   7. INFORMACIÓN DEL PRODUCTO
   ========================================================= */

.fer-product-info {
    width: 100%;
    min-width: 0;

    padding-left: 55px;

    border-left: 1px solid var(--fer-line);
}


/* WooCommerce summary */

.fer-product-info .summary {
    width: 100% !important;

    float: none !important;

    margin: 0 !important;
}


/* =========================================================
   8. TÍTULO
   ========================================================= */

/*
 * En la referencia el nombre del producto ya está
 * comunicado en el banner, por eso no lo mostramos aquí.
 */

.fer-product-info .product_title {
    display: none;
}


/* Rating */

.fer-product-info .woocommerce-product-rating {
    display: none;
}


/* =========================================================
   9. PRECIO
   ========================================================= */

.fer-product-info .price {
    margin: 0 0 22px !important;

    color: var(--fer-brown) !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(32px, 3vw, 48px);

    font-weight: 400;

    line-height: 1.1;
}

.fer-product-info .price ins {
    color: var(--fer-brown);

    text-decoration: none;
}

.fer-product-info .price del {
    opacity: 0.55;
}


/* =========================================================
   10. DESCRIPCIÓN CORTA
   ========================================================= */

.fer-product-info .woocommerce-product-details__short-description {
    margin-bottom: 25px;

    color: var(--fer-brown);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;

    line-height: 1.5;
}


/* =========================================================
   11. CANTIDAD
   ========================================================= */

.fer-product-info form.cart {
    margin: 20px 0 0;
}


/*
 * Contenedor de cantidad
 */

.fer-product-info form.cart .quantity {
    float: none;

    display: inline-flex;

    align-items: center;

    margin: 0 0 20px;
}


/*
 * Input de cantidad
 */

.fer-product-info form.cart .quantity .qty {
    width: 55px;

    height: 42px;

    padding: 0;

    border: 1px solid rgba(61, 40, 27, 0.25);

    border-radius: 0;

    background: transparent;

    color: var(--fer-brown);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;

    text-align: center;
}


/* =========================================================
   12. BOTÓN AGREGAR AL CARRITO
   ========================================================= */

.fer-product-info form.cart .single_add_to_cart_button {
    display: block;

    width: 100%;

    min-height: 55px;

    margin: 0 0 15px;

    padding: 14px 25px;

    border: 1px solid var(--fer-green);

    border-radius: 2px;

    background: var(--fer-green);

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.2;

    text-transform: none;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.fer-product-info form.cart .single_add_to_cart_button:hover {
    background: transparent;

    color: var(--fer-green);

    border-color: var(--fer-green);
}


/* =========================================================
   13. BOTÓN COMPRAR AHORA
   ========================================================= */

/*
 * Si tu plugin genera un segundo botón,
 * lo dejamos visualmente como la referencia.
 */

.fer-product-info form.cart .buy-now,
.fer-product-info form.cart .wc-buy-now-btn {
    display: block;

    width: 100%;

    min-height: 55px;

    margin-top: 10px;

    padding: 14px 25px;

    background: transparent;

    color: var(--fer-brown);

    border: 1px solid rgba(61, 40, 27, 0.55);

    border-radius: 2px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;

    font-weight: 400;
}


/* =========================================================
   14. OCULTAR META / SHARING EN ESTA ZONA
   ========================================================= */

.fer-product-info .product_meta {
    display: none;
}

.fer-product-info .woocommerce-product-details__short-description + .product_meta {
    display: none;
}

.fer-product-info .social {
    display: none;
}


/* =========================================================
   15. BENEFICIOS
   ========================================================= */

.fer-product-benefits {
    width: min(1400px, calc(100% - 110px));

    margin: 0 auto;

    padding: 25px 0 55px;

    border-top: 1px solid var(--fer-line);

    text-align: center;

    background: var(--fer-bg);
}


/* =========================================================
   16. FILA DE BENEFICIOS
   ========================================================= */

.fer-benefits-icons {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    width: 100%;

    margin: 0 0 30px;
}


/* =========================================================
   17. CADA BENEFICIO
   ========================================================= */

.fer-benefit-item {
    min-height: 105px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 0 30px;

    border-right: 1px solid var(--fer-line);
}

.fer-benefit-item:last-child {
    border-right: 0;
}


/* =========================================================
   18. ICONOS
   ========================================================= */

.fer-benefit-icon {
    width: 60px;
    height: 60px;

    margin: 0 auto 15px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: var(--fer-brown);
}

.fer-benefit-icon svg {
    width: 52px;
    height: 52px;

    display: block;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* Imágenes si finalmente usamos PNG/SVG */

.fer-benefit-icon img {
    display: block;

    width: 52px;
    height: 52px;

    object-fit: contain;
}


/* =========================================================
   19. TEXTO DE BENEFICIOS
   ========================================================= */

.fer-benefit-title {
    max-width: 240px;

    color: var(--fer-brown);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.5;

    font-weight: 400;

    letter-spacing: 3px;

    text-transform: uppercase;
}


/* =========================================================
   20. FRASE INFERIOR
   ========================================================= */

.fer-benefits-text {
    width: min(900px, 100%);

    margin: 0 auto;

    color: var(--fer-brown-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(22px, 2.1vw, 31px);

    line-height: 1.35;

    font-style: italic;

    font-weight: 400;

    text-align: center;
}


/* =========================================================
   21. TABS
   ========================================================= */

.single-product .woocommerce-tabs {
    width: min(1400px, calc(100% - 110px));

    margin: 0 auto 80px;

    color: var(--fer-brown);
}

.single-product .woocommerce-tabs ul.tabs {
    border-color: var(--fer-line);
}

.single-product .woocommerce-tabs ul.tabs li {
    background: transparent;
}


/* =========================================================
   22. PRODUCTOS RELACIONADOS
   ========================================================= */

.single-product .up-sells,
.single-product .related {
    width: min(1400px, calc(100% - 110px));

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   23. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .fer-product-main {
        width: calc(100% - 60px);

        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(320px, 0.75fr);

        gap: 45px;

        padding-top: 55px;
    }

    .fer-product-info {
        padding-left: 35px;
    }

    .fer-product-benefits {
        width: calc(100% - 60px);
    }

    .single-product .woocommerce-tabs,
    .single-product .up-sells,
    .single-product .related {
        width: calc(100% - 60px);
    }

}


/* =========================================================
   24. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* Banner */

    .fer-product-banner {
        margin: 0;
    }


    /* Producto */

    .fer-product-main {
        width: calc(100% - 30px);

        margin: 0 auto;

        padding: 40px 0 35px;

        display: flex;

        flex-direction: column;

        gap: 40px;
    }


    /* Galería */

    .fer-product-gallery,
    .fer-product-info {
        width: 100%;
    }


    /* Información */

    .fer-product-info {
        padding-left: 0;

        padding-top: 35px;

        border-left: 0;

        border-top: 1px solid var(--fer-line);
    }


    /* Precio */

    .fer-product-info .price {
        font-size: 36px;
    }


    /* Beneficios */

    .fer-product-benefits {
        width: calc(100% - 30px);

        padding: 25px 0 45px;
    }


    .fer-benefits-icons {
        grid-template-columns: 1fr;

        margin-bottom: 40px;
    }


    .fer-benefit-item {
        min-height: 0;

        padding: 25px 10px;

        border-right: 0;

        border-bottom: 1px solid var(--fer-line);
    }

    .fer-benefit-item:last-child {
        border-bottom: 0;
    }


    .fer-benefit-title {
        font-size: 12px;

        letter-spacing: 2.5px;
    }


    .fer-benefits-text {
        font-size: 21px;

        line-height: 1.4;
    }


    /* Tabs */

    .single-product .woocommerce-tabs,
    .single-product .up-sells,
    .single-product .related {
        width: calc(100% - 30px);
    }

}

header.page-header {
    display: none !important;
}

.single-product #primary {
    padding: 0 !important;
}

#main #content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#top-bar-wrap {

    border-bottom: 0px !important;
}

#site-header {
    
    border-bottom: 0px !important;

}



/* =========================================================
   FER ESCOBEDO
   OVERRIDE FINAL OCEANWP + WOOCOMMERCE
   ========================================================= */


/* ---------------------------------------------------------
   FONDO GENERAL
   --------------------------------------------------------- */

html,
body,
body.single-product,
body.single-product #main,
body.single-product #content-wrap {
    background: #f7f1e7 !important;
    color: #3d281b !important;
}


/* ---------------------------------------------------------
   PRODUCTO COMPLETO
   --------------------------------------------------------- */

body.single-product div.product {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   BANNER
   --------------------------------------------------------- */

body.single-product .fer-product-banner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    line-height: 0 !important;
}

body.single-product .fer-product-banner img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   CONTENEDOR PRINCIPAL
   --------------------------------------------------------- */

body.single-product .fer-product-main {
    width: calc(100% - 110px) !important;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding: 70px 0 55px !important;

    display: grid !important;

 grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr) !important;

    gap: 70px !important;

    align-items: center !important;

    background: #f7f1e7 !important;
}


/* ---------------------------------------------------------
   GALERÍA
   --------------------------------------------------------- */

body.single-product .fer-product-gallery {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/*
 * ESTE ES EL SELECTOR IMPORTANTE DE WOOCOMMERCE.
 */

body.single-product .fer-product-gallery
.woocommerce-product-gallery {

    width: 100% !important;

    max-width: 100% !important;

    float: none !important;

    margin: 0 !important;

    padding: 0 !important;
}


/*
 * Contenedor real de las imágenes.
 */

body.single-product .fer-product-gallery
.woocommerce-product-gallery__wrapper {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


/*
 * Imagen principal.
 */

body.single-product .fer-product-gallery
.woocommerce-product-gallery img {

    max-width: 100% !important;

    height: auto !important;
}


/* ---------------------------------------------------------
   INFORMACIÓN
   --------------------------------------------------------- */

body.single-product .fer-product-info {

    width: 100% !important;

    max-width: none !important;

    min-width: 0 !important;

    float: none !important;

    margin: 0 !important;

    padding: 0 0 0 55px !important;

    border-left: 1px solid rgba(61, 40, 27, 0.28) !important;
}


/*
 * Summary real de WooCommerce.
 */

body.single-product .fer-product-info
.summary {

    width: 100% !important;

    max-width: none !important;

    float: none !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

body.single-product .fer-product-info
.product_title {

    display: none !important;
}


/* ---------------------------------------------------------
   PRECIO
   --------------------------------------------------------- */

body.single-product .fer-product-info
.price {

    margin: 0 0 22px !important;

    padding: 0 !important;

    color: #3d281b !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 48px !important;

    font-weight: 400 !important;

    line-height: 1.1 !important;
}


/* ---------------------------------------------------------
   DESCRIPCIÓN
   --------------------------------------------------------- */

body.single-product .fer-product-info
.woocommerce-product-details__short-description {

    margin: 0 0 25px !important;

    padding: 0 !important;

    color: #3d281b !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 18px !important;

    line-height: 1.5 !important;
}


/* ---------------------------------------------------------
   FORMULARIO
   --------------------------------------------------------- */

body.single-product .fer-product-info
form.cart {

    margin: 20px 0 0 !important;

    padding: 0 !important;
}


/* ---------------------------------------------------------
   BENEFICIOS
   --------------------------------------------------------- */

body.single-product .fer-product-benefits {

    width: calc(100% - 110px) !important;

    max-width: 1400px !important;

    margin: 0 auto !important;

    padding: 25px 0 55px !important;

    border-top: 1px solid rgba(61, 40, 27, 0.28) !important;

    background: #f7f1e7 !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   TRES COLUMNAS
   --------------------------------------------------------- */

body.single-product .fer-benefits-icons {

    display: grid !important;

    grid-template-columns: repeat(3, 1fr) !important;

    width: 100% !important;

    margin: 0 0 30px !important;

    padding: 0 !important;
}


/* ---------------------------------------------------------
   BENEFICIO INDIVIDUAL
   --------------------------------------------------------- */

body.single-product .fer-benefit-item {

    min-height: 105px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 !important;

    padding: 0 30px !important;

    border-right: 1px solid rgba(61, 40, 27, 0.28) !important;
}

body.single-product .fer-benefit-item:last-child {
    border-right: 0 !important;
}


/* ---------------------------------------------------------
   ICONOS
   --------------------------------------------------------- */

body.single-product .fer-benefit-icon {

    width: 60px !important;

    height: 60px !important;

    margin: 0 auto 15px !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    color: #3d281b !important;
}


body.single-product .fer-benefit-icon svg {

    display: block !important;

    width: 52px !important;

    height: 52px !important;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 1.5 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;
}


/* ---------------------------------------------------------
   TEXTO DE BENEFICIO
   --------------------------------------------------------- */

body.single-product .fer-benefit-title {

    max-width: 240px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #3d281b !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

    font-weight: 400 !important;

    letter-spacing: 3px !important;

    text-transform: uppercase !important;
}


/* ---------------------------------------------------------
   FRASE
   --------------------------------------------------------- */

body.single-product .fer-benefits-text {

    width: min(900px, 100%) !important;

    max-width: 900px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    color: #604737 !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 31px !important;

    line-height: 1.35 !important;

    font-style: italic !important;

    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    body.single-product .fer-product-main {

        width: calc(100% - 60px) !important;

        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(320px, 0.75fr) !important;

        gap: 45px !important;

        padding-top: 55px !important;
    }


    body.single-product .fer-product-info {

        padding-left: 35px !important;
    }


    body.single-product .fer-product-benefits {

        width: calc(100% - 60px) !important;
    }


    body.single-product .fer-benefits-text {

        font-size: 25px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    body.single-product .fer-product-main {

        width: calc(100% - 30px) !important;

        display: flex !important;

        flex-direction: column !important;

        gap: 40px !important;

        padding: 40px 0 35px !important;
    }


    body.single-product .fer-product-gallery,
    body.single-product .fer-product-info {

        width: 100% !important;
    }


    body.single-product .fer-product-info {

        padding: 35px 0 0 !important;

        border-left: 0 !important;

        border-top: 1px solid rgba(61, 40, 27, 0.28) !important;
    }


    body.single-product .fer-product-info .price {

        font-size: 36px !important;
    }


    body.single-product .fer-product-benefits {

        width: calc(100% - 30px) !important;

        padding-bottom: 45px !important;
    }


    body.single-product .fer-benefits-icons {

        grid-template-columns: 1fr !important;
    }


    body.single-product .fer-benefit-item {

        padding: 25px 10px !important;

        border-right: 0 !important;

        border-bottom: 1px solid rgba(61, 40, 27, 0.28) !important;
    }


    body.single-product .fer-benefit-item:last-child {

        border-bottom: 0 !important;
    }


    body.single-product .fer-benefits-text {

        font-size: 21px !important;
    }
}

.amount {
    color: #333b1e ! IMPORTANT;
    font-family: auto !important;
}

.woocommerce-product-details__short-description {
    
        color: #333b1e ! IMPORTANT;
    font-family: auto !important;
}

button.single_add_to_cart_button.button.alt {
    background: #333b1e !important;
}

div#footer-inner {
    display: none !important;
}


/* Corregir visualización de la galería WooCommerce */
.single-product .fer-product-gallery .woocommerce-product-gallery {
    position: relative !important;
    overflow: hidden;
    opacity: 1 !important;
    visibility: visible !important;
}

.single-product .fer-product-gallery
.woocommerce-product-gallery__wrapper {
    display: flex !important;
    align-items: flex-start;
}

.single-product .fer-product-gallery
.woocommerce-product-gallery__image {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

.single-product .fer-product-gallery
.woocommerce-product-gallery__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* =====================================================
   BOTÓN COMPRAR AHORA
===================================================== */

.fer-buy-now-button {
    display: block !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 15px 25px !important;

    background: #806b59 !important;
    border: 1px solid #806b59 !important;
    border-radius: 0 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;

    cursor: pointer;

    transition: all .35s ease !important;
}

.fer-buy-now-button:hover {
    background: #5a4034 !important;
    border-color: #5a4034 !important;
    color: #ffffff !important;
}