/* ===================================
   PETIU GLOBAL CSS
=================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
}

/* ===================================
   OVERLAY
=================================== */

#overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    display:none;
    z-index:998;
}

/* ===================================
   PANEL DERECHO
=================================== */

.panel-derecha{
    position:fixed;
    top:0;
    right:-420px;
    width:390px;
    max-width:100%;
    height:100vh;
    background:#fff;
    z-index:999;
    box-shadow:-10px 0 25px rgba(0,0,0,.08);
    transition:.30s ease;
    display:flex;
    flex-direction:column;
}

.panel-derecha.activo{
    right:0;
}

/* ===================================
   HEADER PANEL
=================================== */

.panel-header{
    display:flex;
    align-items:center;
    padding:18px 20px;
    border-bottom:1px solid #eee;
}

.titulo-carrito{
    font-size:22px;
    font-weight:700;
    color:#1f2937;
}

.cerrar{
    margin-left:auto;
    font-size:28px;
    cursor:pointer;
    color:#555;
    line-height:1;
}

.cerrar:hover{
    color:#000;
}

/* ===================================
   BODY PANEL
=================================== */

.carrito-body{
    flex:1;
    overflow-y:auto;
    padding:18px;
    background:#fafafa;
}

.carrito-body::-webkit-scrollbar{
    width:6px;
}

.carrito-body::-webkit-scrollbar-thumb{
    background:#d1d5db;
    border-radius:10px;
}

/* ===================================
   ITEM CARRITO
=================================== */

.carrito-item{
    display:flex;
    gap:12px;
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    padding:12px;
    margin-bottom:14px;
    box-shadow:0 4px 12px rgba(0,0,0,.04);
    align-items:center;
}

/* imagen */

.carrito-img{
    width:72px;
    min-width:72px;
}

.carrito-img img{
    width:72px;
    height:72px;
    border-radius:12px;
    object-fit:cover;
}

/* info */

.carrito-info{
    flex:1;
    min-width:0;
}

.carrito-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
}

.carrito-nombre{
    font-size:15px;
    font-weight:700;
    color:#111827;
    line-height:1.3;
}

/* variante */

.carrito-variante{
    font-size:12px;
    color:#6b7280;
    margin:4px 0 8px;
}

/* bottom */

.carrito-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}

.carrito-precio{
    font-size:16px;
    font-weight:700;
    color:#111827;
}

/* cantidad */

.carrito-qty{
    display:flex;
    align-items:center;
    gap:6px;
}

.carrito-qty span{
    width:30px;
    height:30px;
    border-radius:8px;
    background:#1677d8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:18px;
    user-select:none;
}

.carrito-qty span:hover{
    opacity:.9;
}

.carrito-qty input{
    width:26px;
    border:none;
    text-align:center;
    font-weight:700;
    background:transparent;
    outline:none;
}

/* eliminar */

.btn-eliminar{
    font-size:18px;
    color:#ef4444;
    cursor:pointer;
    font-weight:700;
    line-height:1;
}

.btn-eliminar:hover{
    transform:scale(1.1);
}

/* ===================================
   FOOTER PANEL
=================================== */

.carrito-footer{
    background:#fff;
    border-top:1px solid #eee;
    padding:16px;
}

.carrito-total{
    font-size:18px;
    font-weight:700;
    color:#111827;
    margin-bottom:12px;
}

.btn-comprar{
    width:100%;
    padding:14px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#67C1BA,#4FA8A1);
    color:#fff;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
}

.btn-comprar:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(0,0,0,.08);
}

/* ===================================
   PANEL CUENTA
=================================== */

#cuenta-body{
    width:100%;
    max-width:320px;
    margin:auto;
    padding:30px 20px;
    text-align:center;
}

#cuenta-body h3{
    font-size:24px;
    margin-bottom:18px;
    color:#111827;
}

#cuenta-body input{
    width:100%;
    padding:13px 14px;
    border:1px solid #ddd;
    border-radius:12px;
    margin-bottom:12px;
    font-size:14px;
    outline:none;
}

#cuenta-body input:focus{
    border-color:#67C1BA;
}

/* botones principales */

.btn-main{
    width:100%;
    padding:13px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#67C1BA,#4FA8A1);
    color:#fff;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
}

.btn-main:hover{
    opacity:.95;
}

/* links */

.link{
    margin-top:14px;
    color:#67C1BA;
    font-size:14px;
    cursor:pointer;
}

.link:hover{
    text-decoration:underline;
}

/* divider */

.divider{
    display:flex;
    align-items:center;
    gap:10px;
    margin:18px 0;
    color:#9ca3af;
    font-size:12px;
}

.divider:before,
.divider:after{
    content:"";
    flex:1;
    height:1px;
    background:#e5e7eb;
}

/* social */

.social-container{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.social-btn{
    width:100%;
    height:42px;
    border-radius:999px;
    border:1px solid #ddd;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.fb-btn{
    color:#1877f2;
    border-color:#1877f2;
}

.fb-btn:hover{
    background:#f0f6ff;
}

/* ===================================
   PERFIL
=================================== */

.perfil-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
}

.perfil-foto{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #67C1BA;
}

/* ===================================
   TOAST
=================================== */

.toast{
    position:fixed;
    right:20px;
    bottom:30px;
    background:#111827;
    color:#fff;
    padding:12px 18px;
    border-radius:12px;
    opacity:0;
    transform:translateY(15px);
    transition:.3s;
    z-index:2000;
}

.toast.show{
    opacity:1;
    transform:translateY(0);
}

/* ===================================
   ANIMACIONES
=================================== */

@keyframes shake{
    0%{transform:rotate(0);}
    25%{transform:rotate(-10deg);}
    50%{transform:rotate(10deg);}
    75%{transform:rotate(-10deg);}
    100%{transform:rotate(0);}
}

.shake{
    animation:shake .4s;
}

/* ===================================
   RESPONSIVE
=================================== */

@media(max-width:768px){

    .panel-derecha{
        width:100%;
        right:-100%;
    }

    .panel-header{
        padding:16px;
    }

    .carrito-body{
        padding:14px;
    }

    .carrito-item{
        padding:10px;
    }

    .carrito-img{
        width:64px;
        min-width:64px;
    }

    .carrito-img img{
        width:64px;
        height:64px;
    }

    .carrito-nombre{
        font-size:14px;
    }

    .carrito-precio{
        font-size:15px;
    }

}

#carrito-total{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #222;
}

#carrito-total div{
    margin-bottom: 6px;
}

#carrito-total strong{
    font-size: 17px;
    font-weight: 600;
}


/* social */

.social-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.social-btn {
	width: 100%;
	height: 42px;
	border-radius: 999px;
	border: 1px solid #ddd;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.fb-btn {
	color: #1877f2;
	border-color: #1877f2;
}

.fb-btn:hover {
	background: #f0f6ff;
}


/* =================================== PERFIL =================================== */

.perfil-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.perfil-foto {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid #67C1BA;
}


/* =================================== TOAST =================================== */

.toast {
	position: fixed;
	right: 20px;
	bottom: 30px;
	background: #111827;
	color: #fff;
	padding: 12px 18px;
	border-radius: 12px;
	opacity: 0;
	transform: translateY(15px);
	transition: .3s;
	z-index: 2000;
}

.toast.show {
	opacity: 1;
	transform: translateY(0);
}


/* =================================== ANIMACIONES =================================== */

@keyframes shake {
	0% {
		transform: rotate(0);
	}
	25% {
		transform: rotate(-10deg);
	}
	50% {
		transform: rotate(10deg);
	}
	75% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(0);
	}
}

.shake {
	animation: shake .4s;
}


/* =================================== RESPONSIVE =================================== */

@media(max-width:768px) {
	.panel-derecha {
		width: 100%;
		right: -100%;
	}
	.panel-header {
		padding: 16px;
	}
	.carrito-body {
		padding: 14px;
	}
	.carrito-item {
		padding: 10px;
	}
	.carrito-img {
		width: 64px;
		min-width: 64px;
	}
	.carrito-img img {
		width: 64px;
		height: 64px;
	}
	.carrito-nombre {
		font-size: 14px;
	}
	.carrito-precio {
		font-size: 15px;
	}
}


/* Responsive m車vil */

@media(max-width:768px) {
	#panelCarrito .carrito-qty span {
		width: 30px !important;
		height: 30px !important;
		font-size: 16px !important;
	}
	#panelCarrito .btn-eliminar {
		width: 26px;
		height: 26px;
		font-size: 15px !important;
	}
}


/* RESET */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/* BASE */

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}


/* CONTENEDOR */

.petiu-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 30px;
	background: #fff;
	border-bottom: 1px solid #ececec;
	position: sticky;
	top: 0;
	z-index: 500;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
}


/* LOGO */

.petiu-logo a {
    font-family: 'Blue Winter';
	font-size: 28px;
	font-weight: 600;
	color: #F8D7B5;
	text-decoration: none;
	letter-spacing: .3px;
}

.petiu-logo span {
    font-family: 'Blue Winter';
	font-size: 28px;
	font-weight: 600;
	color: #F8D7B5;
	text-decoration: none;
	letter-spacing: .3px;
}


/* MENU PRINCIPAL */

.petiu-menu-list {
	display: flex;
	align-items: center;
	gap: 28px;
	list-style: none;
}

.petiu-menu-list li {
	position: relative;
}


/* LINKS PRINCIPALES */

.petiu-menu-list li a {
	text-decoration: none;
	color: #505050;
	font-weight: 300;
	font-size: 15px;
	padding: 14px 10px;
	display: block;
	transition: .25s ease;
	position: relative;
	letter-spacing: .1px;
}


/* LINEA HOVER */

.petiu-menu-list li a::after {
	content: "";
	position: absolute;
	left: 10px;
	bottom: 8px;
	width: 0;
	height: 2px;
	background: #F8D7B5;
	transition: .25s ease;
}

.petiu-menu-list li a:hover {
	color: #F8D7B5;
}

.petiu-menu-list li a:hover::after {
	width: calc(100% - 20px);
}

@font-face {
    font-family: 'Blue Winter';
    src: url('/wp-content/themes/astra-child/assets/fonts/BlueWinter.otf') format('opentype'),
         url('/wp-content/themes/astra-child/assets/fonts/BlueWinter.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ===============================
   SUBMENU NIVEL 1
================================= */

.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 270px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .08);
	list-style: none;
	padding: 12px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: .25s ease;
	z-index: 999;
}

.submenu li {
	width: 100%;
}

.submenu li a {
	display: block;
	width: 100%;
	padding: 13px 16px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	border-radius: 10px;
	line-height: 1.3;
}

.submenu li a::after {
	display: none;
}

.submenu li a:hover {
	background: #F8D7B5;
	color: #F1852D;
	padding-left: 22px;
}


/* MOSTRAR */

.dropdown:hover> .submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


/* ===============================
   SUBMENU NIVEL 2
================================= */

.sub-dropdown {
	position: relative;
}

.submenu-2 {
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 250px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .08);
	list-style: none;
	padding: 12px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(8px);
	transition: .25s ease;
	z-index: 999;
}

.submenu-2 li {
	width: 100%;
}

.submenu-2 li a {
	display: block;
	width: 100%;
	padding: 12px 16px;
	font-size: 14px;
	font-weight: 300;
	color: #6d6d6d;
	border-radius: 10px;
	white-space: nowrap;
}

.submenu-2 li a::after {
	display: none;
}

.submenu-2 li a:hover {
	background: #F8D7B5;
	color: #F1852D;
	padding-left: 22px;
}


/* MOSTRAR */

.sub-dropdown:hover> .submenu-2 {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}


/* BOTON MOBILE */

.petiu-toggle {
	display: none;
	font-size: 28px;
	color: #67C1BA;
	cursor: pointer;
	line-height: 1;
}


/* ===============================
   RESPONSIVE
================================= */

@media (max-width:991px) {
	.petiu-toggle {
		display: block;
	}
	.petiu-menu {
		flex-wrap: wrap;
		padding: 14px 20px;
	}
	.petiu-menu-list {
		display: none;
		flex-direction: column;
		width: 100%;
		gap: 0;
		margin-top: 15px;
		background: #fff;
	}
	.petiu-menu-list.active {
		display: flex;
	}
	.petiu-menu-list li {
		width: 100%;
	}
	.petiu-menu-list li a {
		padding: 15px 10px;
		border-bottom: 1px solid #eee;
		font-size: 15px;
		font-weight: 300;
		color: #555;
	}
	/* quitar linea hover mobile */
	.petiu-menu-list li a::after {
		display: none;
	}
	/* dropdown mobile */
	.submenu,
	.submenu-2 {
		position: relative;
		top: 0;
		left: 0;
		min-width: 100%;
		opacity: 1;
		visibility: visible;
		transform: none;
		display: none;
		box-shadow: none;
		border-radius: 0;
		padding: 0 0 0 14px;
		background: #fff;
	}
	.submenu li a,
	.submenu-2 li a {
		padding: 12px 10px;
		font-size: 14px;
		font-weight: 300;
		color: #666;
		border-bottom: 1px solid #f5f5f5;
	}
	/* abrir con JS */
	.dropdown.active> .submenu {
		display: block;
	}
	.sub-dropdown.active> .submenu-2 {
		display: block;
	}
}


/* ====================================================== */
/* ============= LOGIN / CUENTA ========================= */
/* ====================================================== */

#cuenta-body {
	width: 100%;
	max-width: 320px;
	margin: auto;
	text-align: center;
}

#cuenta-body h3 {
	font-size: 20px;
	margin-bottom: 20px;
	color: #222;
}


/* INPUTS */

#cuenta-body input {
	width: 100%;
	padding: 12px 14px;
	margin-bottom: 12px;
	border-radius: 10px;
	border: 1px solid #ddd;
	font-size: 14px;
	background: #fafafa;
	transition: 0.3s;
}

#cuenta-body input:focus {
	border-color: #67C1BA;
	box-shadow: 0 0 0 2px rgba(103, 193, 186, 0.2);
	background: #fff;
}


/* BOTON PRINCIPAL */

.btn-main {
	width: 100%;
	padding: 12px;
	border-radius: 12px;
	border: none;
	background: linear-gradient(135deg, #67C1BA, #4fa8a1);
	color: white;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
}

.btn-main:hover {
	transform: translateY(-1px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}


/* LINK */

.link {
	margin-top: 15px;
	color: #67C1BA;
	cursor: pointer;
	font-size: 13px;
}

.link:hover {
	text-decoration: underline;
}


/* DIVIDER */

.divider {
	margin: 20px 0;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #999;
}

.divider::before,
.divider::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #eee;
}

.divider::before {
	margin-right: 10px;
}

.divider::after {
	margin-left: 10px;
}


/* SOCIAL */

.social-btn {
	width: 100%;
	max-width: 280px;
	/* 🔥 igual límite visual que Google */
	height: 40px;
	/* 🔥 mismo alto real del botón Google */
	margin: 0 auto;
	/* 🔥 centrado */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 999px;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
	font-size: 14px;
}

.social-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.fb-btn {
	color: #1877f2;
	border-color: #1877f2;
}

.fb-btn:hover {
	background: #f0f6ff;
}

.social-btn i {
	font-size: 16px;
}

.g_id_signin {
	display: flex !important;
	width: 100% !important;
	justify-content: center;
	margin-bottom: 10px;
}

iframe[title="Ingresa con Google"] {
	width: 100% !important;
	height: 44px !important;
	/* 🔥 MISMO ALTO */
	border-radius: 999px !important;
}


/* PERFIL */

.perfil-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding-top: 20px;
	animation: fadeIn 0.4s ease;
}

.perfil-foto {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid #67C1BA;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.perfil-box h3 {
	font-size: 18px;
	font-weight: 600;
}

.perfil-box p {
	font-size: 13px;
	color: #777;
}


/* ========================= 🎯 TOAST ========================= */

.toast {
	position: fixed;
	bottom: 100px;
	right: 20px;
	background: #333;
	color: white;
	padding: 12px 18px;
	border-radius: 10px;
	font-size: 14px;
	opacity: 0;
	transform: translateY(20px);
	transition: 0.3s;
	z-index: 2000;
}

.toast.show {
	opacity: 1;
	transform: translateY(0);
}


/* ========================= 🎬 ANIMACIONES ========================= */

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes shake {
	0% {
		transform: rotate(0);
	}
	25% {
		transform: rotate(-10deg);
	}
	50% {
		transform: rotate(10deg);
	}
	75% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(0);
	}
}

.shake {
	animation: shake 0.4s;
}


/* =========================
   FOOTER PETIU
========================= */

.petiu-footer{

    background:#f8f4ef;
    position:relative;
    overflow:hidden;
    margin-top:80px;
}

/* ONDA */

.petiu-wave{

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:120px;

    background:#fff;

    border-radius:0 0 50% 50%;
}

/* CONTAINER */

.petiu-footer-container{

    max-width:1300px;
    margin:auto;

    padding:170px 30px 70px;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:50px;

    position:relative;
    z-index:2;
}

/* LOGO */

.petiu-logo{

    display:flex;
    align-items:center;
    gap:10px;

    margin-bottom:25px;
}

.petiu-logo i{

    font-size:40px;
    color:#f1852d;
}

.petiu-logo span{

    font-size:58px;
    font-weight:800;
    color:#f1852d;
    line-height:1;
    font-family:'Blue Winter', sans-serif;
}

.petiu-brand p{

    color:#444;
    line-height:1.9;
    font-size:17px;
}

/* TITULOS */

.petiu-footer-col h3{

    color:#f1852d;
    margin-bottom:25px;
    font-size:26px;
    font-weight:800;
}

.petiu-footer-col h3.teal{
    color:#67c1ba;
}

.petiu-footer-col h3.yellow{
    color:#f8ce5b;
}

/* LINKS */

.petiu-footer-col ul{

    list-style:none;
    padding:0;
    margin:0;
}

.petiu-footer-col ul li{

    margin-bottom:18px;
}

.petiu-footer-col ul li a{

    text-decoration:none;
    color:#333;

    display:flex;
    align-items:center;
    gap:10px;

    transition:.3s;
}

.petiu-footer-col ul li a i{

    color:#f1852d;
}

.petiu-footer-col ul li a:hover{

    transform:translateX(5px);
    color:#f1852d;
}

/* REDES */

.petiu-social{

    display:flex;
    gap:15px;
    margin-top:30px;
}

.petiu-social a{

    width:52px;
    height:52px;

    border-radius:50%;

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

    color:#fff;
    text-decoration:none;

    font-size:22px;

    transition:.3s;
}

.petiu-social a:hover{

    transform:translateY(-5px) scale(1.05);
}

.social-orange{
    background:#f1852d;
}

.social-teal{
    background:#67c1ba;
}

.social-beige{
    background:#f8d7b5;
    color:#fff;
}

.social-yellow{
    background:#f8ce5b;
}

/* CONTACTO */

.petiu-contact-item{

    display:flex;
    align-items:center;
    gap:15px;

    margin-bottom:20px;
}

.petiu-contact-item .icon{

    width:48px;
    height:48px;

    border-radius:50%;

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

    color:#fff;
    font-size:18px;
}

.orange{
    background:#f1852d;
}

.teal{
    background:#67c1ba;
}

.beige{
    background:#f8d7b5;
}

.yellow{
    background:#f8ce5b;
}

/* NEWSLETTER */

.petiu-newsletter{

    max-width:1300px;
    margin:auto;

    background:#f6ebde;

    border-radius:30px;

    padding:35px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    flex-wrap:wrap;
}

.newsletter-text{

    display:flex;
    align-items:center;
    gap:20px;
}

.newsletter-icon{

    width:75px;
    height:75px;

    border-radius:20px;

    background:#fff;

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

    color:#f1852d;
    font-size:34px;
}

.newsletter-text h4{

    margin:0 0 10px;
    color:#f1852d;
    font-size:28px;
}

.newsletter-text p{

    margin:0;
    color:#444;
}

.newsletter-form{

    display:flex;
    gap:15px;
    flex:1;
    justify-content:flex-end;
}

.newsletter-form input{

    flex:1;
    max-width:420px;

    height:60px;

    border:none;
    outline:none;

    border-radius:16px;

    padding:0 20px;

    font-size:16px;
}

.newsletter-form button{

    height:60px;
    border:none;

    padding:0 30px;

    border-radius:16px;

    background:#f1852d;
    color:#fff;

    font-size:17px;
    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.newsletter-form button:hover{

    transform:translateY(-2px);
    opacity:.9;
}

/* LINEA */

.petiu-footer-bottom{

    max-width:1300px;
    margin:50px auto 20px;

    display:flex;
    align-items:center;
    gap:20px;
}

.petiu-footer-bottom .line{

    flex:1;
    height:2px;
    background:#f0c4a0;
}

.paw-center{

    color:#f1852d;
    font-size:26px;
}

/* COPYRIGHT */

.petiu-copy{

    max-width:1300px;
    margin:auto;

    padding:0 30px 40px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    flex-wrap:wrap;
    gap:15px;
}

.petiu-copy p{

    margin:0;
    color:#444;
}

.petiu-links-bottom{

    display:flex;
    gap:20px;
}

.petiu-links-bottom a{

    color:#444;
    text-decoration:none;
}

/* RESPONSIVE */

@media(max-width:768px){

    .petiu-footer-container{

        padding:140px 20px 50px;
    }

    .petiu-logo span{

        font-size:42px;
    }

    .newsletter-form{

        flex-direction:column;
        width:100%;
    }

    .newsletter-form input{

        max-width:100%;
    }

    .newsletter-form button{

        width:100%;
    }

    .petiu-copy{

        flex-direction:column;
        text-align:center;
    }

}

/* =========================
   FIN DE FOOTER PETIU
========================= */